*
{
    cursor:default;
}

html, body 
{
    font-family: Tahoma, 'Segoe UI';
    height:100%;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
    width:100%;
}

/* elimate focus rectangle for all elements */
*:focus
{
    outline:0;
}

.instructions
{
    color:White;
    font-size:14px;
    height:auto;
    margin: 6px 0px 0px 154px;
}

.instructions span[error="1"]
{
    color:Red;
    font-size:16px;
    background-image:url(../images/login/error.png);
    background-repeat:no-repeat;
    height:24px;
    padding-left:26px;
}

.bar
{
    border-top: 1px solid #658bdc;
    border-bottom: 1px solid #1d4599;
    height:76px;  
    margin-top: 20%;
    width:100%;  
    padding-left:10px;
}

.bar2
{
    color: White;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0px 0px 0px 74px;
}
.bar2 select
{
    background: rgba(255,255,255,.5);
    border: none;
    color: black;
}

.input_area
{
    color:White;
    float:left;
    font-size:16px;
    height:100%;
    margin-left: 40px;
}

.input_area input
{
    border-top: 1px solid #1d4599;
    border-right: 1px solid #1d4599;
    border-bottom: 1px solid #658bdc;
    border-left: 1px solid #658bdc;
    color:Black;
    cursor:text;
    font-size:14px;
    line-height:22px;
    width: 140px;
    height:22px;
    padding: 0px 0px 0px 4px;
    margin: 0px 20px 0px 10px;
    vertical-align:middle;
}

.submit_button
{
    float:left;
    height:100%;
    margin: 0px 40px 0px 40px;
}

.submit_button input[type="submit"]
{
    border: none !important;
    background-color:transparent;
    background-image:url(../images/login/submit.png);
    background-repeat:no-repeat;
    background-position:center center;
    display:inline-block;
    cursor:pointer;
    height:50px;
    width:50px;
}

.submit_button input[type="submit"]:hover
{
    background-color:transparent;
    background-image:url(../images/login/submit_hover.png);
}

.submit_button #lblSignIn
{
    color:White;
    font-size:16px;
    padding:0px 10px 0px 0px;
}
.login_message
{
    color:orange;
    font-size:12px;
    margin:54px 150px 0px 150px;
    height:auto;
    width:30%;
}
    
.app_name
{
    position:absolute;
    right:10%;
    top:56%;
    font-size:122px;
    text-align:right;
    width:100%;
}

.app_name sup
{
    font-size:76px;
    font-weight:bold;
}

.app_tagline
{
    font-size:18px;
    text-align:right;
    margin-right:48px;
}

.footer
{
    font-size:10pt;
    position:absolute;
    bottom:20px;
    width:100%;
}

    .footer a
    {
        color:White;
        text-decoration:none;
    }
    
    .footer a:hover
    {
        text-decoration:underline;
    }
    
    .footer .terms_of_use
    {
        color:White;
        float:left;        
        margin:14px 0px 0px 20px;
        text-align:left;
    }
    
    .footer .company
    {        
        color:White;
        float:right;
        margin:14px 20px 0px 0px;
        text-align:right;
    }
    
#div_connection div
{
    float:right;
}
.connection_desc
{
    background: transparent url(../images/login/connection.png) no-repeat left center;
    padding-left: 30px;
}

#ddlProfile
{
    background: transparent url(../images/login/dropdown.png) no-repeat right center;
    padding: 0px 20px 0px 5px;
    margin: 0px 18px 0px 5px;
}

#ddlProfile:hover
{
    background-color: rgba(255,255,255,.5);
}


#profileList
{
    background: gainsboro;
    display:none;
    height: auto;
    position:absolute;
    width: 100px;
    right: 0px;
    margin-right: 18px;
}
.profile_item
{
    background: gainsboro;
    color: Black;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    padding: 2px 0px 2px 4px;
}
.profile_item:hover
{
    background: white;   
}

/*********** Palette **********/

/* http://colorschemedesigner.com/#3K11Tw0w0w0w0 */

/* Text, Black and White */
.text-white { color:White }
.text-black { color:Black }

/* Text Colors: 1142AA 2A4580 06276F 4573D5 6C8DD5 */
.text-1 { color: #1142AA }
.text-2 { color: #2A4580 }
.text-3 { color: #06276F }
.text-4 { color: #4573D5 }
.text-5 { color: #6C8DD5 }

/* Text Grays, Colors CECECE */
.text-gray-1 { color: #CECECE }
.text-gray-2 { color: #868686 }

/* Background, Black and White */
.bg-white { background-color:White }
.bg-black { background-color:Black }
.bg-gray1 { background-color:Gray }
.bg-gray2 { background-color:#5B5D60 }
.bg-gray3 { background-color:#ADB7BF }
.bg-gray4 { background-color:#4C5059 }
.bg-gray5 { background-color:#6B6C70 }


/* Background Colors: 1142AA 2A4580 06276F 4573D5 6C8DD5 */
.bg-1 { background-color: #1142AA }
.bg-2 { background-color: #2A4580 }
.bg-3 { background-color: #06276F }
.bg-4 { background-color: #4573D5 }
.bg-5 { background-color: #6C8DD5 }

.menu_bg {background-color: #f2f5f6 }

/*********** Gradients **********/
.gradient-dark /* Typically used for content background */
{
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #45484d 0%,#000000 100%); /* W3C */
}

.gradient-black
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #191919 21%, #333333 49%, #191919 80%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(21%,#191919), color-stop(49%,#333333), color-stop(80%,#191919), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 0%,#191919 21%,#333333 49%,#191919 80%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 0%,#191919 21%,#333333 49%,#191919 80%,#000000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #000000 0%,#191919 21%,#333333 49%,#191919 80%,#000000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #000000 0%,#191919 21%,#333333 49%,#191919 80%,#000000 100%); /* W3C */
}

.gradient-blue
{
    background: #6b87af; /* Old browsers */
    background: -moz-linear-gradient(top, #6b87af 0%, #576e8e 37%, #224272 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b87af), color-stop(37%,#576e8e), color-stop(100%,#224272)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6b87af 0%,#576e8e 37%,#224272 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6b87af 0%,#576e8e 37%,#224272 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #6b87af 0%,#576e8e 37%,#224272 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b87af', endColorstr='#224272',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #6b87af 0%,#576e8e 37%,#224272 100%); /* W3C */
}